﻿var createBtn=function(text,click){
	var b=document.createElement('button');
	b.innerHTML=text;
	b.onclick=click;
	document.body.appendChild(b);
}

createBtn('create',function(){
	create();
});
createBtn('createDivOverlay',function(){
	create('od');
});

var d=document.createElement('div');
d.style.height='200px';
d.style.width='200px';
d.style.border="solid 1px #ccc";
d.style.margin='10px';
d.innerHTML='helloworld';
d.id='od';
document.body.appendChild(d);


var create=function(rt){
	Mui.use('Mui.util.Overlay',function(Mui){
		var o=new Mui.util.Overlay({
			bgColor:'#ff0000',
			mask:rt?('#'+rt):''
		});
		o.show();
		
		setTimeout(function(){
			o.hide();
		},2000);
	});
}



